<template>
  <view class="flex-col page">
    <view class="flex-col section_1">
      <view class="flex-col">
        <image
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621783633159.png"
          class="image" @click="Back()"
        />
        <text class="text">开票中</text>
      </view>
      <view class="justify-center group_1">
        <text class="text_1">预计发票金额：￥120.00</text>
        <image
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837663251321164.png"
          class="image_1" @click="go('/pages/my/bill/explainBill')"
        />
      </view>
    </view>
    <view class="flex-col section_2">
      <text class="text_2">增值税电子普通发票</text>
      <view class="flex-col items-center group_2">
        <image
          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837662384176932.png"
          class="image_2"
        />
        <view class="flex-row equal-division">
          <view class="flex-col items-center equal-division-item">
            <image
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837692413997579.png"
              class="image_3"
            />
            <text class="text_3 text_4">订单完成</text>
          </view>
          <view class="flex-col items-center equal-division-item">
            <image
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837698479111021.png"
              class="image_4"
            />
            <text class="text_3 text_5">开票完成</text>
          </view>
        </view>
      </view>
    </view>
    <view class="flex-col section_3">
      <view class="flex-row">
        <text class="text_6">发票类型</text>
        <text class="text_7">电子普通发票</text>
      </view>
      <view class="flex-row group_6">
        <text class="text_8">发票内容</text>
        <text class="text_9">咨询费</text>
      </view>
      <view class="flex-row group_7">
        <text class="text_10">抬头类型</text>
        <text class="text_11">企业</text>
      </view>
      <view class="flex-row group_8">
        <text class="text_12">发票抬头</text>
        <text class="text_13">河南犇犇网络科技有限公司</text>
      </view>
      <view class="flex-col group_9">
        <view class="flex-row">
          <text class="text_14">公司税号</text>
          <text class="text_15">9141010333003262XY</text>
        </view>
        <view class="flex-row group_11">
          <text class="text_16">开票金额</text>
          <text class="text_17">￥120.00</text>
        </view>
        <view class="flex-row group_12">
          <text class="text_18">申请时间</text>
          <text class="text_19">2020-12-24 09:16:05</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    methods: {
		Back(){
		//uni.navigateBack()//默认delta:1
		uni.navigateBack({
			delta:1,//返回层数，2则上上页
		})
	},
	},
  };
</script>

<style scoped lang="scss">
  .equal-division-item {
    flex: 1 1 135.5px;
    padding: 5px 0;
  }
  .text_3 {
    margin-top: 7px;
  }
  .page {
    padding-bottom: 114.5px;
    background-color: #f8f8f8ff;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .section_1 {
    padding: 33px 16px 49px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837660497011444.png');
    background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .section_2 {
    margin-top: -19.5px;
    padding: 19px 51.5px 0;
    background-color: #ffffff;
    border-radius: 8px;
    position: relative;
  }
  .section_3 {
    margin-top: 10px;
    padding: 15px 12px 17.5px;
    background-color: #ffffff;
    border-radius: 8px;
  }
  .group_1 {
    margin-top: 23px;
  }
  .text_2 {
    align-self: center;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .group_2 {
    margin-top: 20.5px;
    padding: 19.75px 0 52.25px;
    position: relative;
  }
  .group_6 {
    margin-top: 19.5px;
  }
  .group_7 {
    margin-top: 19.5px;
  }
  .group_8 {
    margin-top: 19.5px;
  }
  .group_9 {
    margin-top: 19.5px;
  }
  .image {
    align-self: flex-start;
    width: 9.5px;
    height: 18px;
  }
  .text {
    margin-top: 6.5px;
    align-self: center;
    color: #ffffff;
    font-size: 16px;
    font-family: '.AppleSystemUIFont';
    line-height: 19px;
  }
  .text_1 {
    color: #ffffff;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .image_1 {
    margin-left: 10.5px;
    width: 16px;
    height: 16px;
  }
  .image_2 {
    width: 118px;
    height: 1px;
  }
  .equal-division {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .text_6 {
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_7 {
    margin-left: 11.5px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_8 {
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_9 {
    margin-left: 11.5px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_10 {
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_11 {
    margin-left: 11.5px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_12 {
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_13 {
    margin-left: 11.5px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .group_11 {
    margin-top: 16.5px;
  }
  .group_12 {
    margin-top: 16.5px;
  }
  .text_14 {
    margin-bottom: 3px;
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_15 {
    margin-left: 11.5px;
    margin-top: 3px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_16 {
    margin-bottom: 3px;
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_17 {
    margin-left: 11.5px;
    margin-top: 3px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_18 {
    margin-bottom: 3px;
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text_19 {
    margin-left: 11.5px;
    margin-top: 3px;
    color: #333333;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .image_3 {
    filter: drop-shadow(0px 1.5px 1.5px #1d6aff33);
    width: 24px;
    height: 24px;
  }
  .text_4 {
    color: #666666;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .image_4 {
    filter: drop-shadow(0px 1.5px 1.5px #3e000521);
    width: 24px;
    height: 24px;
  }
  .text_5 {
    color: #bfbfbf;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
</style>